<template>
  <div class="wrapper">
    <div class="animate1">
      <nav class="nav">
        <input type="checkbox" class="nav__cb" id="menu-cb" />
        <div class="nav__content">
          <ul class="nav__items">
            <li class="nav__item">
              <span class="nav__item-text"> Home </span>
            </li>
            <li class="nav__item">
              <span class="nav__item-text"> Works </span>
            </li>
            <li class="nav__item">
              <span class="nav__item-text"> About </span>
            </li>
            <li class="nav__item">
              <span class="nav__item-text"> Contact </span>
            </li>
          </ul>
        </div>
        <label class="nav__btn" for="menu-cb"></label>
      </nav>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {}
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
}
</script>

<style lang="less">
@import "../../assets/css/cssgame.less";
</style>
